/* line 1, ../sass/setting-style.scss */
.clear {
  clear: both;
}

/* line 4, ../sass/setting-style.scss */
.floatleft {
  float: left;
}

/* line 8, ../sass/setting-style.scss */
.floatright {
  float: right;
}

/* line 13, ../sass/setting-style.scss */
html, body {
  font-family: \9ED1\4F53;
  width: 100%;
  height: 100%;
}
/* line 19, ../sass/setting-style.scss */
html .content, body .content {
  width: 100%;
  height: 100%;
  background-color: #f4f6f7;
}
/* line 24, ../sass/setting-style.scss */
html .content .head, body .content .head {
  width: 100%;
  height: 6%;
  text-align: center;
  color: #003192;
  font-family: \9ED1\4F53;
  font-size: 20px;
  padding-top: 3%;
  background-color: white;
}
/* line 34, ../sass/setting-style.scss */
html .content .head .textstyle1, body .content .head .textstyle1 {
  height: 100%;
  width: 88%;
  display: inline;
}
/* line 40, ../sass/setting-style.scss */
html .content .head .backimg, body .content .head .backimg {
  width: 6%;
  height: 100%;
}
/* line 47, ../sass/setting-style.scss */
html .content .title-second, body .content .title-second {
  height: 5%;
  font-size: 10px;
  font-family: \9ED1\4F53;
  color: #8ebbd2;
  text-align: center;
}
/* line 55, ../sass/setting-style.scss */
html .content .message, body .content .message {
  width: 100%;
  height: 12%;
  background-color: white;
}
/* line 60, ../sass/setting-style.scss */
html .content .message .msg-pic, body .content .message .msg-pic {
  float: left;
  text-align: left;

  width: 15%;
  height: 100%;
}
/* line 66, ../sass/setting-style.scss */
html .content .message .msg-pic img, body .content .message .msg-pic img {
  height: 60%;
  width: 60%;
}
/* line 73, ../sass/setting-style.scss */
html .content .message .msg-text, body .content .message .msg-text {
  width: 67%;
  padding-top: 4%;
  float: left;
  font-size: 19px;
  text-align: left;
}
/* line 81, ../sass/setting-style.scss */
html .content .message .msg-switch, body .content .message .msg-switch {
  font-size: 19px;
  padding-top: 3.5%;
  float: left;
}
/* line 88, ../sass/setting-style.scss */
html .content .message .onoffswitch, body .content .message .onoffswitch {
  position: relative;
  width: 45px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
/* line 92, ../sass/setting-style.scss */
html .content .message .onoffswitch .onoffswitch-checkbox, body .content .message .onoffswitch .onoffswitch-checkbox {
  display: none;
}
/* line 96, ../sass/setting-style.scss */
html .content .message .onoffswitch .onoffswitch-label, body .content .message .onoffswitch .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 20px;
  padding: 0;
  line-height: 20px;
  border: 1px solid #999999;
  border-radius: 30px;
  background-color: #EEEEEE;
  transition: background-color 0.3s ease-in;
}
/* line 104, ../sass/setting-style.scss */
html .content .message .onoffswitch .onoffswitch-label:before, body .content .message .onoffswitch .onoffswitch-label:before {
  content: "";
  display: block;
  width: 20px;
  margin: 0px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 22px;
  border: 1px solid #999999;
  border-radius: 30px;
  transition: all 0.3s ease-in 0s;
}
/* line 114, ../sass/setting-style.scss */
html .content .message .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label, body .content .message .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label {
  background-color: #7cdd72;
}
/* line 117, ../sass/setting-style.scss */
html .content .message .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label, html .content .message .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label:before, body .content .message .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label, body .content .message .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label:before {
  border-color: #7cdd72;
}
/* line 120, ../sass/setting-style.scss */
html .content .message .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label:before, body .content .message .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label:before {
  right: 0px;
}
/* line 124, ../sass/setting-style.scss */
html .content .message .onoffswitch, body .content .message .onoffswitch {
  position: relative;
  width: 45px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
/* line 128, ../sass/setting-style.scss */
html .content .message .onoffswitch .onoffswitch-checkbox, body .content .message .onoffswitch .onoffswitch-checkbox {
  display: none;
}
/* line 132, ../sass/setting-style.scss */
html .content .message .onoffswitch .onoffswitch-label, body .content .message .onoffswitch .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 20px;
  padding: 0;
  line-height: 20px;
  border: 1px solid #999999;
  border-radius: 30px;
  background-color: #EEEEEE;
  transition: background-color 0.3s ease-in;
}
/* line 140, ../sass/setting-style.scss */
html .content .message .onoffswitch .onoffswitch-label:before, body .content .message .onoffswitch .onoffswitch-label:before {
  content: "";
  display: block;
  width: 20px;
  margin: 0px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 22px;
  border: 1px solid #999999;
  border-radius: 30px;
  transition: all 0.3s ease-in 0s;
}
/* line 150, ../sass/setting-style.scss */
html .content .message .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label, body .content .message .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label {
  background-color: #7cdd72;
}
/* line 153, ../sass/setting-style.scss */
html .content .message .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label, html .content .message .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label:before, body .content .message .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label, body .content .message .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label:before {
  border-color: #7cdd72;
}
/* line 156, ../sass/setting-style.scss */
html .content .message .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label:before, body .content .message .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label:before {
  right: 0px;
}
/* line 161, ../sass/setting-style.scss */
html .content .tell, body .content .tell {
  width: 100%;
  height: 12%;
  background-color: white;
}
/* line 166, ../sass/setting-style.scss */
html .content .tell .tell-pic, body .content .tell .tell-pic {
  float: left;
  text-align: left;
  height: 100%;
  width: 15%;
}
/* line 172, ../sass/setting-style.scss */
html .content .tell .tell-pic img, body .content .tell .tell-pic img {
  height: 60%;
  width: 60%;
}
/* line 178, ../sass/setting-style.scss */
html .content .tell .tell-text, body .content .tell .tell-text {
  width: 66%;
  padding-top: 4%;
  float: left;
  font-size: 19px;
  text-align: left;
}
/* line 186, ../sass/setting-style.scss */
html .content .tell .to-tell, body .content .tell .to-tell {
  font-size: 19px;
  width: 15%;
  padding-top: 3.5%;
  float: left;
  text-align: right;
}
/* line 195, ../sass/setting-style.scss */
html .content .idea, body .content .idea {
  width: 100%;
  height: 12%;
  background-color: white;
}
/* line 200, ../sass/setting-style.scss */
html .content .idea .idea-pic, body .content .idea .idea-pic {
  float: left;
  text-align: left;
  height: 100%;
  width: 15%;
}
/* line 206, ../sass/setting-style.scss */
html .content .idea .idea-pic img, body .content .idea .idea-pic img {
  height: 60%;
  width: 60%;
}
/* line 212, ../sass/setting-style.scss */
html .content .idea .idea-text, body .content .idea .idea-text {
  width: 66%;
  padding-top: 4%;
  float: left;
  font-size: 19px;
  text-align: left;
}
/* line 220, ../sass/setting-style.scss */
html .content .idea .to-idea, body .content .idea .to-idea {
  font-size: 19px;
  width: 15%;
  padding-top: 3.5%;
  float: left;
  text-align: right;
}
/* line 229, ../sass/setting-style.scss */
html .content .about, body .content .about {
  width: 100%;
  height: 12%;
  background-color: white;
}
/* line 234, ../sass/setting-style.scss */
html .content .about .about-pic, body .content .about .about-pic {
  float: left;
  text-align: left;
  height: 100%;
  width: 15%;
}
/* line 240, ../sass/setting-style.scss */
html .content .about .about-pic img, body .content .about .about-pic img {
  height: 60%;
  width: 60%;
}
/* line 246, ../sass/setting-style.scss */
html .content .about .about-text, body .content .about .about-text {
  width: 66%;
  padding-top: 4%;
  float: left;
  font-size: 19px;
  text-align: left;
}
/* line 254, ../sass/setting-style.scss */
html .content .about .to-about, body .content .about .to-about {
  font-size: 19px;
  width: 15%;
  padding-top: 3.5%;
  float: left;
  text-align: right;
}
/* line 263, ../sass/setting-style.scss */
html .content .evaluate, body .content .evaluate {
  width: 100%;
  height: 12%;
  background-color: white;
}
/* line 268, ../sass/setting-style.scss */
html .content .evaluate .evaluate-pic, body .content .evaluate .evaluate-pic {
  float: left;
  text-align: left;
  height: 100%;
  width: 15%;
}
/* line 274, ../sass/setting-style.scss */
html .content .evaluate .evaluate-pic img, body .content .evaluate .evaluate-pic img {
  height: 60%;
  width: 60%;
}
/* line 280, ../sass/setting-style.scss */
html .content .evaluate .evaluate-text, body .content .evaluate .evaluate-text {
  width: 66%;
  padding-top: 4%;
  float: left;
  font-size: 19px;
  text-align: left;
}
/* line 288, ../sass/setting-style.scss */
html .content .evaluate .to-evaluate, body .content .evaluate .to-evaluate {
  font-size: 19px;
  width: 15%;
  padding-top: 3.5%;
  float: left;
  text-align: right;
}
